import 'package:flutter/material.dart';

class ColumnCase extends StatelessWidget {
  const ColumnCase({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      height: double.infinity,
      color: Colors.yellow,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          ColumnAndRowCaseItem(),
          SizedBox(width: 20),
          ColumnAndRowCaseItem(),
          SizedBox(width: 20),
          ColumnAndRowCaseItem()
        ],
      ),
    );
  }
}

class ColumnAndRowCaseItem extends StatelessWidget {
  const ColumnAndRowCaseItem({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.all(10),
      child: SizedBox(
        width: 100,
        height: 100,
        child: Container(
          width: double.infinity,
          height: double.infinity,
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(50),
            color: Colors.blue,
          ),
        ),
      ),
    );
  }
}
